<div class="tool-bar clearfix" id="yue-tool-bar">
    <ul class="sorts clearfix">
        
        <li class="item" ng-repeat="nav_item in vm.bars track by $index" ng-click="vm.bars.setActive($index,$event,nav_item)" ng-class="{'active':vm.bars._index === $index,'show': nav_item.show}">

            <a ng-class="nav_item.class" href="javascript:;">{{nav_item.text}}<i ng-class="nav_item.icon"></i></a>
            <!-- dropdown -->
            <ul class='dropdown-content' ng-if="nav_item.type === 'dropdown'" ng-mouseleave="nav_item.show = false;">
                <li bindonce ng-repeat="item in nav_item.menu_item track by $index" ng-click="nav_item.onSelect(item,$event)" ng-class="{'disabled':nav_item.text === item.text}">
                    <a href="javascript:;"><i ng-if="item.icon" ng-class="item.icon"></i>{{item.text}}</a>
                </li>
            </ul>
        </li>
    </ul>
</div>
